Scroll animation:
Here are some steps to bring simple scroll effect for website:-
Step 1: First of all make a simple webpage by using HTML, CSS & Bootstrap.
Step 2: For scroll animation we need JavaScript. So we need to use <script type="text/javascript"> </script> at last, before </body> .
Step 3: In third step we need to add link (<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">) inside the
....Read More
CSS Animation with cubic-bezier()
With the help of cubic-bezier we can control the timing of the element and transition. It is commonly used to shape the css animation,cubic-bezier() increase the speed of transition. bezier curve is defined by 4 values.
Syntax:
cubic -bezier(x1,y1,x2,y2)
where as,
x1= Starting point of x.
y1= Stating point of y.
x2= Ending point of x
y2= Ending point of y
CODE:
<!DOCTYPE html>
<html>
<head>
<title>Cubic-Bezier</title&g
....Read More
1. Basic Typewriter Effect without cursor:-
Output:-
HTML Input:-
<div class="typewriter">
<h1>Hello World!!!</h1>
</div>
CSS Input:-
.typewriter h1 {
overflow: hidden; /* To hide the content until the animation is complete */
white-space: nowrap; /* To keep content in a single line */
letter-spacing: .10em; /* Gap between the letters */
animation: typing 4.5s steps(40, end);
}
/* The typing effect */
@ke
....Read More
reCAPTCHA is a way to stop bots and unnecessary traffics to your website. It returns feedback and score based on the interactions the user makes with your website providing a more flexible way to take appropriate actions.
reCAPTCHA is a free service provided by google for protecting your website implementing advanced risk analysis engine and adaptive challenges to keep automated software away while only letting the valid users pass through your site.
The advantages of using reCAPTCHA
State
....Read More
What is ReadOnly and Disabled attribute in HTML?
ReadOnly attribute is a input type field in HTML which specify read only function. ReadOnly attribute is a Boolean(Yes/No) attribute. Readonly field cannot be modified. The element will be enabled but its contents cannot be edited.The ReadOnly attribute is applied to input and Textarea.
Example of ReadOnly attribute
<html>
<title>Readonly</title>
<body>
Name: <input type="text" name="Name" value="Manish" readonl
....Read More
Most of the beginner might get confused in these terms. All these terms are usually used for giving style to our site. This styling helps us design our application as per our need and requirement. CSS refers to Cascade Style Sheet whereas, SASS and SCSS are the preprocessors of CSS. The easiest way to determine the difference between them can be shown in the example below:
CSS:
- .css extension is used
Example:
.content {
Border-color: #23jdh3;
}
.border {
Padding: 8px;
Border-color: 23
....Read More
Facebook changes there the API connection method. After having a security issue on Facebook Developer platform and increase the security of their developer platform and the sites that connect to it.
When you try to get the token for "pages_manage_instant_articles"
Invalid Scopes: pages_manage_instant_articles. This message is only shown to developers. Users of your app will ignore these permissions if present. Please read the documentation for valid permissions at https://developers.facebook.
....Read More